/**全局样式 */

.fs10 { font-size: 10px; }

.pr5 { padding-right: 5px;}
.pr20 { padding-right: 20px;}

.pt5 { padding-top: 5px;}
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px;}
.pb50 { padding-bottom: 50px; }

.p-20 { padding: 20px; }
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt50 {margin-top: 50px;}
.mt70 {margin-top: 70px;}

.mb5 {margin-bottom: 5px;}
.mb7 {margin-bottom: 7px;}
.mb8 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px!important;}
.mr20 {margin-right: 20px;}
.mr40 {margin-right: 40px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px!important;}
//.m20 {margin-left: 20px;}
.ml20 {margin-left: 20px!important;}
.ml40 {margin-left: 40px;}
.ml100 {margin-left: 100px;}

.m-auto { margin:auto; }

.p-lr-20{ padding: 0 20px; }
.p-tb-20{ padding: 20px 0; }

.width-50{ width: 50px!important;}
.width-75{ width: 75px!important;}
.width-105{ width: 105px!important;}
.width-150{ width: 150px!important;}
.width-220{max-width: 20vh!important;}
.width-300{width: 300px!important;}
.width-600{width: 400px!important;}

.text-center{ text-align: center; }
 .pointer{ cursor:pointer;}
 .pointer:hover{ color: #4F4CC1;}

/* text color */
.text-navy {
  color: #1ab394;
}

.text-primary {
  color: inherit;
}

.text-success {
  color: #1c84c6;
}

.text-info {
  color: #23c6c8;
}

.text-warning {
  color: #f8ac59;
}

.text-danger {
  color: #ed5565;
}

.text-muted {
  color: #888888;
}

/* image */
.img-circle {
  border-radius: 50%;
}

.img-lg {
  width: 120px;
  height: 120px;
}

.avatar-upload-preview {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  box-shadow: 0 0 4px #ccc;
  overflow: hidden;
}

/* 拖拽列样式 */
.sortable-ghost{
  opacity: .8;
  color: #fff!important;
  background: #42b983!important;
}

.top-right-btn {
  position: relative;
  float: right;
}

/* 文字三行省略 */
.text-ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}